الخمه ور ية التربة النوزية SHADI AND IAM?‏ 
HIML‏ 


السلام عليكم ::كتيب الكتروني يشرح مبادئ [آدر]ط من إعداد الطالب شادي 
سلامات 


نبذه عن المؤلفين :شادي سلامات طالب في كلية الهندسة المعلوماتية جامعة 


۶... e دمسىی‎ 


والطالبة ۸17 1مع حفظ الألقاب 


لمن موجه هذا الكتاب : 


١‏ -لطلاب كليات علوم الحاسارطلاب كلكهندسة البرمجيات والبحوث العلمية 


بالإضافة للمبرمجين الهواة ولطلاب الرياضيات بشكل عام ......نرجو لكم المتعة 
وحسن التذدوق وراسلونا لأي استفسار ا 


HIML 


لغة تصميمية او رمزية تستخدم في بناء صفحات الويب وتعتبر من اقدم لغات التصميم 
وهي كلغات البرمجة الى حد ما يمكن تشبيها بلغة السي القديمة وبالرغم من قدمها الى 
انها تعتبر الاساس في بناء الصفحات وحجر الزاوية ولا بد للدارس من التعرف عليها 
بعمق... لانها تؤسس لعلوم اخرى والى لغات اكتر تصميميا ......وهي من السهل الممتنع 


مادا سوف تتعلم في هذا الكتيب ؟“٠‏ 


HTML HTML 


PDF created with pdfFactory Pro trial version www.pdffactory.com 


SHADI AND IAM? الخفهو رة الترية اوري‎ 
HIML 


-1 انشاء صفحة ويب بسيطة 


-دتنسيق الصفحة بالالوان والخلفيات 

-والخطوط والتحكم فيا وتنسيقا 

ا انات 

-5اضافة البريد الاكتروني والصور الشخصية والدخووول الى صفحة ويب جديدة 
اطق س الق ا 

6 مرا فة اتر وال ال فة كاريب 


-7ترتيب البيانات في جداوك متل علاماتنا النازلة على موقعنا 
-8التعرف على اشهر وسوم هاي اللغة(تجاوزا)اي 
tags‏ 


-8تقسيم الصفحة لاطارات عامودية وافقية 
-ووشغلا اعقد متل استطلاع اراء وارك 
-10الويب بتتكلم عربي يعني الويب والعربي 


-11محركات البحث وكيف تجعلهم يعرفون موقعك 

نبذه عام 

ما هو معن٫‏ كأnمة‏ HTML؟‏ 

من الطبيعي أن تعرف معناها ما دمت نويت تعلم هذه اللغة الرائعة السهلة . 
إj aa HTML n‏ l|ختڏصliر‏ ذ Hyper Text Markup Language‏ 
ولغة الهتمل ليست كما تراها الآن آمام الشاشة › بل هي عبارة عن 

رموز یه ]<> » ويوجد لكل رمز عمل معين يقوم به ليؤدي وظيفة ما . 


فمتلا تخيل معي › بيت يتكون من عشرين غرفة » ولكل غرفة باب خاص به › 
وهذا الباب بالطبع له مفتاح لا يشابه اي مفتاح في أي غرفة أخرى › لذلك فمتلا 
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الجلوس وهكذا ا 


وهذه هي لغة الهتمل كل رمز بها يقوم بعمل خاص به » فهذا رمز للتلوين وهذا 
رمز اخر لوضع خط تحت العبارة » ورمز يقوم بإضافة موسيقى . 
هل تحتاج لغة الهتمل إلى برنامج معين لكي اكتب فيه الرموز؟ 


لا تحتاج لغة الهتمل إلى برنامج معين بل كل ما تحتاجه هو في متناول اليد › 

والذي هو عبارة عن محرر لكتابة النصوص مثل برنامج المفكرة 2ûمعا0ہ‏ 
ومتصفح لكي تظهر عليه النتيجة وترى ثمار تعبك والمتصفحات كثيرة ولكن 

انصحك بانترنت اكسبلورر أو نتسكايب نفيجيتور. 


هل هناك ملاحظة معينة قبل أن ابدأ بتعلم الدروس ؟ 


نعم هنالك ملاحظة صغيرة ومهمة جدا جدا » ألا وهي عتد تخزين ملف الهتمل 
في المفكرة مثلا بإسم 01ءع[] لاتنسى أن تخزنها بماد أو <htm‏ 
وهكذا اذهب بعدها للمتصفح وافتحة هناك لكي ترى النتيجة وبالطبع ليس شرطا 


وهلا يلا خلينا نبلش بالخطوات الاساسية للطلاب الي مابيعرفو شي عن برمجة الويب 
مادم اذا حبينا نعمل صفحة ويب لازم نعرف انو الخطوة الاولى منفتح ال 

ع ومنکتب فیھا ال 

عه هلا الوسوم او فينا نقلها 


لازم يكون للوسم .. وسم بداية وسم نهاية وطريقة كتابة الوسم بتكون بهالشكل 
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وسم البداية 


کود 


<tag-namez> 


ووسم النهاية 
کود 


<tag-name/> 


کود 


<tag-name></tag-name> 


هلا لازم نعرف انو بصفحة الويب الوسم الرئيسي فيها هوي 
کود 


<<html></html 


کود 
<<body></body‏ 


خلونا نعمل اول صفحة ويب بسيطة مافيها شى غير جملة بسيطة 
#5 النوت باد و <i‏ 1 


کود 
<html><body>THis 1s my first page</body></html>‏ 
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ومنحفظ المفكرة باسم ما ولاحقتو بتكون 
İhtmlڍ htm‏ 


وهيك بكون عملنا اول صفحة ويب 


الرس الا 


م 
بس رح نضییف عليه هالوسم (هالامر 
مشان تحوي صفحة الويب جملة عربية 


وهونمرر المتغيير اي 
dir="rt]"‏ 


ود 


<html dir="rtl" > 


ونتابع بكتابة بقيية اجزاء صفحة الوييب 


0.۹ 


الراس والجسم 


الان لنكتب الجملة العربية بين جزئي 
<body>‏ 

الحمد لله حمدا كثيرا كما أمر 

ثم وسم الاغلاق 

</body> 

ليصبج لدينا الكود الكلي 

لصفحة الويب كالتالي 


کود 
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<html dir="rtl"> 

<head> 

<title> www.???.com </title> 
</head> 

<body> 

الحمد لله جمدا کثیرا كما امر 

</body> 

</html> 


ماذخظة ا اتل ا نمز افر آفات رل كامات كل افق مر اال 


انسخ الكود الى المفكرة واخفظو بلاحقة 


htm 
يجب تسميته وانتبى لاتجاه الكتابة في المفكرة‎ 
. htm 

أ 


الدرس التالت:::: 


السلام عليكم 


اليوم رح نكمل 
في ملاظ ة ضغيرة بحب قرولا 


هلا نحن عم نتعلم وبدنا نضيف كل مرة ع صفحتنا نفسا كيف ؟ 
منفتح صفحتنا ومنكبس ع اي مكان بالصفحة كبسة يمينية ومنختار-1 
view Source‏ 

0urceء‏ منختار wع‏ 1س من الشريط فوق من القائمة-2 


متلا كانت صفحتنا بالانكليزي وفيها جملة <<هلا رح نتعلم كيف نعمل محاذاة لنص ما * 
بالعربي 


HTML HTML 


PDF created with pdfFactory Pro trial version www.pdffactory.com 


الخمه رة العرية السورية SHADI AND IAM?‏ 


E 
<div></div> 

منحدد قيمتها لاي جهة مع اهطيب كيف رح نحدد الاتجاه في الو خاصية اسمها 

يعني رح يكون وسمنا هيك 

<div align="right">hello </div> 

center & right & left‏ هي ہع۸11 القيم الي بتاخدھا 

طبعا هلأ كل شغلنا صار ضمن الوسم الي اسمو 

<body> 

ماتنسوا هالشي 


۰ ا 


وقتا منستخدم الوسم 

E 

طبعا بد ال--- منحط الشي الي بدنا نكتبو كتعليق 

0 اذا حبينا ونحن عم نكتب متلا يطلع عنا عنصر تحت السطر بشوي متل مثلا * 
بس نحن ماهيك منكتبا يعني ال ۲ بتكون تحت شوي عندها منستخدم الوسم 
<sub></sub>‏ 

کے با ما شی او الل الى دا ي اة وائ حطر ان 

يعني نحن هلا عم نطبق عال ۲ وقتا بكون الوسم هيك 

Hx<sub>2</sub>o 
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أما اذا بدنا يكون مرتفع شوي يعني متل الاس وقتا منستخدم 
<sUp></sUp>‏ 


اذا حبينا نحط رموز خاصة متل اشارة اكبر او اصغر منلاحظ انو هية محجوزة للوسوم ع 


o TT 
(آخر محرف هوي فاصلة منقوطة) &)1:ومن هالرموز اشارة الاصغر هي‎ 


&اعزواشارة الأكبر هي 


آخر شي رح قؤلواهوي لو عنا مثلا قائمة ما وحابين نحط ببدايتها دوائر او ارقا * 


في عنا نوعين من الوسوم اول واحد قوائم غير مرتبة يعني مثلا تعداد نقطي .. دوائر .. 
مربعات 


وتاني واحد قوائم مرتبة ارقام .. حروف 
رح ابدأً بالقوائم الغير مرتبة 
۶اں/><اں>الوسم هوي 


طبعا في الو خواص ووسم خاص فيه مشان العناصر يعني كل عنصر رح نحصرو بوسم 
خاص فيه كيف ؟ 


ماه متلها متل ءمر] الخاصية الي قلت عنها هي اسمها 

بس عملها هون انو تحدد نوع التعداد هل هوي دائرة مفرغة او مربع او دائرة مصمتة 
uae | circle‏ | عd¡1s:‏ وقيمها هي 

<ز11<>/1>أما الوسم الخاص هوي 


كخاصية مء مر) وطبعا فينا نطبق خاصية الوسم الاب عالوسم الابن يعني فينا نحط ال 
1اللوسم 
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وهيك بکون صار وسمنها بهالشکل 


اا 


<"ul type="circle> 
<lmÞhoms></11> 

<li type="square">hama</l1> 
<l1Þdamascus</11> 

<ul/> 


<اه/><01>واخيرا القوائم المرتبة وسمها اسمو 


رح تكون اما احرف او ارقام همر ونفس مبدأ القوائم الغير مرتبة بس قيم ال 


لو احرف منحط قيمتها اي رقم واذا ارقام منحط قيمتها اي حرف وكزيادة في الها خاصية 
ta‏ جديدة اسمها 


هي الخاصية وظيفتها انو من وين يبدأ الترقيم يعني فينا نقلو مثلا 
وقتا بيبدأ الترقيم من الحرف بي للأخر 18١هاء‏ 


ومنحط مں[هس ولو بدنا أحد العناصر تكون قيمتو غير الترتيب منحطلو خاصية اسمها 
الرقم الي بدنا وبعدها بكمل ترقيم ع هوا الرقم الي حطيناه 


بمثالنا تحت رح یکرنF‏ گهقیم ° .. ٠١ .. ٦‏ .. ۱۱ 
: وهيك بكون صار الترقيم 

<ol type=2 start=5> 

<li Homs</l11> 

<lmAleppo</li> 

<li value=10>Hama></l11> 
<liÞdamascus</11> 

<ol® 


رح اكتفي بهالكم معلومة اليوم وان شاء الله كون فدتكم 
السلام عليكم 
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HTML 
لجداول‎ : 
:يعتبر موضوع الجداول من المواضيع الهامة لكن هل هي صعبة‎ 
بالبداي في شوي صعوبة لكن تحتاج الى صبر وتركييز لنهايورح احط كوود ونراقب‎ 
سوی‎ 
ورح اجاوز الوسوم الاساسية‎ 


کود 
<table>‏ 
<I>‏ 
<ل)/>خلية <> 
<d†/>خلية‏ <> 
</tr>‏ 
<I>‏ 
<ل)/>خلية "<> 
<t4/>خلية ٤‏ <> 
</tr>‏ 
</table>‏ 


کک تیر کی ااا 


کود 
خلية۲ خلية ١‏ 
خلية ٤‏ خلية ۳ 


ماtd,tab,ا)‏ هلا لنشرح الوسوم 


نستعمل تلاتة وسوم لانشاء الجدول وهي 

يبدأ من بينهما الجدول وينتهي <ع1طه†/>ووسم الإغلاق <ع1طه)>وسم البداية 

وهي العنصر الذي تبدأً من خلاله الصفوف وتنتهي "سه٠‏ ع1طه)" تعني <> 

هذا الوسم يبدأ وينهي كل خلية في صفوف الجدول» ."ههل م1طه†" هي اختصار <> 
.كل هذا بسيط ومنطقي 

ومثالنا يا شباب يحوي صفيين وعاموديين ويمکن ان يحوي عدد لا نهائي 

من الاعمدة والصفووف 
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: بس نسيت شغلة هامى جدا 
وين الاطار للجدول یا تری ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ 
تحن الاطار من خلال التعلمة التى تدا بها الجدول الا وهي 
کود 
<table border="1">‏ 
ا ا لطر شس دا ااي 
فلا زال لدينا تحدييد الطوول والعرض واللون ومزييد من الخصائص 
سنتاولها في المستقبل 
الوظيفة:كتابة صفحة وييب كوووود كامل وبداخلها جدول مولف من ۸ صفوف وثماتية 
انتھی 
دمج الخلايا في الجدول 
1 
colspan‏ 
........ لتحديد عدد الاعمدة التي ستمدد اليها الخلية<ل]>والتي تستحدم في قلب الوسم 
: التانية 
rowspan‏ 
من اجل تحديد عدد الصفوف التي ستمدد <ع)>واكييد استنتجنا انو هيي تستخدم في الوسم 
.... اليها الخلية 
هلا كالعادة رح نحط كوود ونناقشو 
کود 
<table border="1">‏ 
<I>‏ 
<td colspan="3">Cell 1</td>‏ 
</tr>‏ 
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<I> 
>4<" <ل†/>خلية‎ 


<ل†/>خلية "<>< 
<ل†/>خلية <td< ٤‏ 
</I>‏ 
</table>‏ 
اكييد تخيلنا شكل الجدول كيف رح يطلع 
التغيير بهالتعليمة 


کود 
<td colspan="3">Cell 1</td>‏ 


اعطينا الخلية الاولى القيمة ٣‏ 
يعني رح تتمدد لصير تلاتة اعمدة ليش تلاتة لانو بقلب الكوود انا حاط ۳ خلايا 


:يعني كيف بصيرو بالمتصفح 


کود 
خلية ١‏ 
خلية ۲ خلية ۳ خاية ٤‏ 


.........ولا ننسی الاطار وجربو حتی تشوفو 

rowspan 

: خلينا نحط هالكوود ونجرب 

: وهي تحدد عدد الصفوف التي ستمدد اليها الخلية متل ما حكينا بالبداي 
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کود 
<table border="1">‏ 
<I>‏ 
<td rowspan="3">\ا ãılè</td>‏ 
<d†/>خلية‏ <> 
<I>‏ 
<I>‏ 
<d{/>خلية ><td<"‏ 
<I>‏ 
<I>‏ 
<إt/>خلية ٤‏ <> 
<I>‏ 
</table>‏ 


: ملاحظة هامة جدا 

>body<‏ <leاtit>‏ <head><اhtm>طبعا‏ لازم ما ننسى الوسوم الاساسية 
ووسوم الاغلاق حتى ينفذ معنا 

</ رل0 طا>هوون تكتب كل تعليمات الجاول < رلهط>وكلشي هاد نکتبو بین 


شو صاار بهالكوود :الرجاء التركييز على هالكلام يلي بدي احكيه هلا 

نحنا <)>متل ما شفتو عملنا جدول بتلاتة صفوف ليش ۳ صفوف ؟؟لانو لاحظ كم وسم 
دايما عدد الصفوف 

............. ولا حظو انو کل صف يحويي عامودیین 


بس عنا الخلية الاولى ممدة ؟؟سؤال ممدة الى شو ؟؟؟؟ اللجواب الى ۳ صفوف يعني كبرت 


الامر صعب شو 
کود 


ملاحظة على راي احد الزملاء:انو لازم يكون عدد الخلايا الي بدنا ندمجا مانو اكبر من 
عدد خلايا الجدول 
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HTML 
هالدرس صعب شويي لهييك یا ریت نرسم جدول بالول على الورق وبعدیین نشووف تمدد‎ 
هالجداول‎ ....... 
ولا بقية بموضوع الجداول‎ ................... 
و خصو صا خصائص التنسيق‎ o والمزييد من الخصائص‎ 

الدرس السادس::: 


align=leftjright|center 


من اسه رف د هری مك الكل إلى ع ر سمو ااال سار ااد 
او يمینها او منتصفها 


طبعا صرنا نعرف انو الخصائص بتنكتب داخل وسم البداية يعني هيك 


<table align="center"></table> 


وعملها تلوين خلفية الجدول إoامءعط‏ 


طيب شو القيم الي رح ياخدها ... فينا نسخدم كذا احتمال اما انو نحط اسم اللون مباشرة 
هيك 


<table bgcolor="blue"></table> 


68 منكتب رمز اللون بالنظام الست عشري 


ينعيRed..Green‎ .. Blue 


والاخضر حرفین الاف بصیرو بالنص اما الازرق حرفین #۴۴0000 رمز اللون الاحمر 
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الاقف بالاخير 


وعملها هوي ان يكون للجدول خلفية صورة بدل أمںهإع)ءهط فينا خاصية تانية اسمها 
ما تخ مار اضور كا ن ات ا 


والصورة ووقتها منحط اسم الصورة مع لا حقتها فقط 


<table background=p1cname.jpg></table> 


کان اف القر ت لرل د فرص الل ر با اا ان 
اکل او س رة 


width... height 
<table width=30% height=40%></table> 


والمسافة مابين محتوى ع١‏ 1ءةمء]1ءءوفي عنا خاصية لتحديد المسافة بين الخلايا هية 
din8‏ 1]paءeءالخلية‏ والخلية 


طبعا هالخواص فينا نطبقهم ع خلية واحدة من الجدول يعني مثلا نعمل خلية لونها غير 
لون الجدول 


اذا كان للسطر او لوسم ال )٣‏ او نطبقهم ع سطر كامل طبعا وقتارمنحط الخواص لوسم ال 
اذا كان لخلية ل۲ 


بالاضافة للخواص أي ذكرها زميلنا الي هي خواص الدمج 

فینا نلاحظ انو فينا نحط جدول ضمن جدول حسب حاجتنا هلا منشوف مٿال ع هالشي 
ا في ملاحظة اخيرة : محاذاة النص ضمن الخلية في عنا خاصية مهمة هية 
valign=top|bottom|middle|baselineقيمها‏ هی 

فيكم تجربو كل قيمة وتشوفو النتائج بس طبعا هاي خواص للخلية يعني لل 
b0r dercolor & border‏ بس ماتنسوا خواص ذکرتا من قبل هي 


خلینا ناخد مثال کبیر شوي بس بیتضمن کل شي 
HTML HTML‏ 
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<html> 
<body> 


<table align=left border=4 bordercolor=red bgcolor=s1lver 
width=70% helght=50% > 

cellspacing=3 cellpadding=2> 

<I> 

<td align=center valign=bottom colspan=3 bgcolor=white 
bordercolor=blue 

wıidth=100% height=20> 

<font color=red><b>M,y First Table</b></font> 

</td> 

</tr> 

<İIZ 

<td align=right width=33%o>Row 2 / Cell I</td> 

<td align=center width=33%o>Row 2 / Cell 2</td> 

<td align=left width=33%>Row 2 / Cell 3</td> 

<> 

<> 

<td rowspan=2 align=center width=50% he1ght=220>Row 3 / Cell 1 
<table background="picturename.gif" border=1 width=80% 
height=75% 

bordercolor=green> 

<İIZ 

<td align=center><font color=red><b>Table2 / Row] / Cell1</td> 
<td align=center><font color=red><b>Table2 / Row] / Cell2</td> 
</tr> 

<I> 

<td allgn=center><font color=red><b>Table2 / Row2 / Celll1</td> 
<td align=center><font color=red><b>Table2 / Row2 / Cell2</td> 
<I> 

<> 

<td align=center><font color=red><b>Table2 / Row2 / Cell1</td> 
<td align=center><font color=red><b>Table2 / Row2 / Cell2</td> 
</tr> 

</table> <! end of table2 > 

</td> 


HTML HTML 
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<td align=centerRow 3 / Cell 2</td> 

<td align=center bgcolor=blue><font color=white><b>Row 3 / Cell 
4</b></fonb </td> 

</tr> 

<İIZ 

<td align=center Row 4 / Cell 2</td> 

<td align=center Row 4 / Cell 3</td> 

<I> 


</table> 
</body> 
</html> 


مارح اشرحو اکید لان بدو تهارین بس بتمنی تدرسو والي عندو سؤال يسألني والي بحب 
يغير عليه قيم ويشوف کمان يجرب ويسال اذا عندو شي 


في اخر وسمين رح قولن بس سهلين كتير هنن وسم انتقل سطر جديد <٣(ط>ومالو‏ وسم 
نهاية يعني بس هيك 


ووسم ارسم سطر <۲ط>كمان مالو وسم نهاية بس الو خواص فينا نحدد طولو وعرضو 
width & height‏ 


وهيك درسنا اليوم بكون خلص 


بس بدي الكم انو انا عم استخدم نفس المحاضرات الي كنا تاخدها بالكلية وعم اعطيكم 
احيانا نفس الامثلة حتى تكون مضمونة 


الي عندو اي شي انا بالخدمة 
موفقین 


السلام عليكم 


HTML HTML 
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HTML 
الدرس السابع:::::‎ 
ال‎ 
مستویات من‎ ٦ الی1 ۳ اولا العناویین: توجد‎ 6 
کود‎ 
<hl>Heading 1</h1> 
<h2>Heading 2</h2> 
وهیيك حتی‎ 6 


heading1 
heading2 


Pثانيا:‏ لتحديد الفقرات يتم احاطتها بالوسم 
<p>Paragraph Text</p>‏ 
وقيمو موضحة لكن كيف Pp‏ داخل الوسممع1اج: لتحديد اتجاه الفقرة نستخدم الخاصية 


:سيظهر بالمتصفح 


كود 
<p align="left">Left allgned paragraph</p>‏ 


<p align="center">Centered paragraph</p> 


<p align="right">Right aligned paragraph</p 


وفوق القيم يلي بياخدا 
منشان نخلي الفقرة بالنص او يمين او يسار 


HTML HTML 
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كيف اجعل النص عريض او مائل او تحتوخط الجواب‎ 
:العريض‎ 


<ط/>هذا الخط العريض <طا> 


ح[/>هذا الخط المائل ]> 


<ں/>عریض وتحتو خط <ں> 
break space‏ n0nوهي‏ اختصار للجملة موام ك" الخاصية 


وتستخدم لاضافة فراغات بين الكلمات 


): الوسم المهم جدا 
يمكن من خلال هاد الوسم تغيير لون الخط حجمو 


font=face 
لتحديد نوع الخط‎ 
fontzcolor 


أتحديد حجم الخط 


انسخ هالكوود ولازم يطلع معنا هييك 


کود 


<html> 


<head> 
<title> www.NAMEPAGE.coms/title> 


<head/> 
<body> 


<1ط>ھاد اکبر خط </1!> 


<font color="Green" size="3" face="Verdana"> 
HTML HTML 
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يسم الله الرحمن الرحييم 
<font/>‏ 


<body/> 
<html/> 


متصفحي الموقع و 
وايضا موجود على اجهزة متصفحي موقعك De. TE‏ 
ولنا بقية o‏ 
الدرس التاسع::::::::::: 
ارات السا 
---- اول وصلة س وصلة البريد E‏ وصلة لصورة ج وصلة ملف 
ان النقر على وصلة سيؤدي لفتح صفحة جديدة .........ولكن كيف ندرج وصلة لنا في 
, </ھ>......<۸>: نستخدم هذا الوسم 
ها الرس هر الرتح الا عاي انراج الواح التي ي طب كاسن 
href‏ 


معrenاrefe‏ تحدد من خلالها الموقع الذي نريد الدلالة عليه وهي اختصار لكلمة 
hypertext‏ 


a href="http://www.htm1.net/"> Here is a link> 
يجب ان تضاف م])ط لاحظ بان‎ .... 


HTML HTML 
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العبارة المحصورة هي التي ستظهر في المتصفح -2 
يسمح أنا بفتح الصفحة الأجديدة ف نفس الصفحة او في اطار جديد لناخهذ المتال target‏ 
ي 
:ليكن لدين الكوود التالي 


کود 
<html dir="rtl">‏ 

<head> 

<title>nnnn.com</title> 

</head> 

<body> 

<p align="center" dir="rtl"> 

<font face="tohoma" color="blue" size="10"> 


منتدى كلية الهندسة المعلوماتية جامعة البعث 

</font> 

</p> 

<a href=" http://www.zerone-1t.con'"">lik رقil<a/>‎ 

<a href"http://www.zerone-it.com" target="blank"> ةرايjذ‎ lik اضخط‎ 
<و/>في اطارجديد‎ 

</body> 

</html> 


.... جربھا لتری کیف ستظهر 


: الان وصلة العنوان البريدي 
کود 


<h href="mailto:xxx@xx.com"> <ھ/<ارسل ذي‎ 


لا حظ اهم شي 


هص وتشير الايعاز للمتصفح الاتصال بالبيريد الالكتروني 


HTML HTML 


PDF created with pdfFactory Pro trial version www.pdffactory.com 


SHADI AND IAM? الخمه رة العرية السورية‎ 
HTML 


کود 
<ھ/<حمل هاد انٹn.لف <a href="asdf.mid">‏ 


الوصلا ت مع الصور وموضوع الصور ومزيد من الوصلات بتركو للزميلة ايم 


الدرس العاشر::: 


ليوم درسنا سهل وبسيطك عن القوائم بانواعا ورح ارفق صفحة وييب "سخيفة "لاغراض 
مم مع الخاصية الهامة 1م القوائم المرتبة ونستعمل لها الوسم 


کود 


<ol type="?"> 


وحل اشارة الاستفهام منحدد شكل التكرار متلا 
الکابتل وتستمر ۸ یکون بداية التکرار من <" ۸"=عمر) 01> 
شکل الترقیم لاتیني صغییر <"'1"'=عمر آہ> 

وهکزا 

تانيا القوائم الغير مرتبة ويكؤن لها الشكل التالي 
<ul type=<"?'"'>‏ 
AR E& CIRCLR‏ ونقصد بغیر المرتب اي ان التکرار یکون علی شکل مربعات 
علی شکل مر بعات < ٥2ں‏ gء'=عمرا‏ اں>:مثال 
علی شکل دو ائر <'ع[ع٣c1'=عمرt‏ آu>‏ 

في كلا النوعيين لازم بس نكتب الامور المراد وضع لها ترتييب نستعمل الوسم 
<I>‏ 


کود 


E ER 


وسيتم اكتشاف ذالك بسهولة بالصفحة الملافقة 
قائمة التعريف تبدا بالوسم 


<dIÞ==defintion 
HTML HTML 
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HTML 
<dt> 
کل وصف یبدا ب‎ 


<dd> 

کود 

<dl> 

دمشق <> 

احدى كليات المعلوماتية <لل> 
اليعث حإل> 

احدى كليات المعلوماتية <لل> 
حلب <ال> 

احدى كليات المعلوماتية <لل> 


احدى كليات المعلوماتية <لل> 
</dl>‏ 


الدرس الحادي عشر::: 


اسم الوسم <4/> <4> : 

يستخدم لي :لإنشاء رابط تشعبي حيث آنه يمكننا أن نضع ما بين الوسمين 

إما نص أو صور أو أي شيء نريده أن يصبح هو الرابط 

فعند النقر عليه يتم تحميل صفحة جديدة أو ننتقل إلى سطر معين في نفس الصفحة 
أو نحمل ملف معين أو نشغل برنامج ما... 

*من خصائص الوسم: 


HTML HTML 
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توا ا و ت ده 

href = "http:// websitename" 

هذا المثال بيفتح موقع ما نحن منكون ذاكرينو 

or href = "ftp:// filename" 

هذا المثال مشان يفتح ملف ما 

or href = "mailto: email" 

هذا المثال مشان الايميل وكلو واضح من اسمو 

or href = "../programs/ game.exe" 
فينا كمان متل هذا المثال نفتح احد الاقراص بجهازنا‎ 

الانتقال ضمن نفس الصفحة "be11ؤla#" or href=‏ 

عملها انو تنتقل من المكان الي انت موجود فيه بالصفحة لمكان تاني بنفس الصفحة 
"age1ı.html#1abe15م" href=‏ orالانتقال‏ إلی سطر محدد من صفحة أخری 
*ومن الخصائص كمان: 

target = _self | _blank | _top | _ parent | framename 
يحدد النافذة المراد التحميل فيها‎ 

: #اعء يفتح الصفحة المطلوبة في نفس النافذة 

: )anاط‏ يفتح الصفحة المطلوبة في نافذة جديدة 


HTML HTML 
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0p :‏ _يفتح الصفحة في الإطار الأساسي(عدإهء؟) 

parent :‏ يفتح الصفحة في الإطار الأب(عإه۲؟) 

: مframenamيفتح‏ الصفحة في إطار ما(عم٣ھ۲؟)‏ 

*ومن الخصائص ايضا: 

name = 

الاسم البرمجي للرابط التشعبي و نستفيد منه من أجل تمييز مناطق معينة ضمن الصفحة 
*#عنا كمان من الخصائصس 

title = "" 

تحديد نص يظهر كملاحظة عند وقوف مؤشر الفأرة ما فوق الرابط التشعبي 
#آخر خاصية رح اذكرها اليوم هي: 

tabindex = 


يحدد ترتيب التنقل ما بين جميع الروابط ضمن نفس الصفحة و ذلك عند الضغط على 
مفتاح المآ 


رح حط بالمرفقات الصورة الي بزمانو اخدناها كوظيفة وبتمنى منكون انو تحاولو تكتبو 
الصيغة البرمجية الها لان بتوقع كلو صار آخدينو 


الي بكون باللون الاحمر هو لازم يكون رابط ومن اسمو ببين وين هالرابط بينقلنا 


بتمنى لاقي تفاعل والدرس الجاي ان شاء الله بحط الحل وبحط شرحو a‏ 
انتک o‏ 


الدرس الثاني ا 


HTML HTML 
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اليوم رح ناقش درس من وجهة نظري انو مهم جدا وبدو ترکيز کتيير وهو‎ 
forms 
وانا ما رح قول كلشي بتمنى بالردود والمناقشة نغطي كلشي لانو طوييل وعليه كتيير‎ 
اسئلة رج كون قصدي‎ 
واتمنى التركيز على النظري في البداي وانا مرفق صفحة ويب متعوب عليها بتوضح‎ 
كلشي وحاط کوود ومعلومات‎ 
a 
forms 


د الأدرآت المستخدمة من قل ز اثر الصفحة منشان ادخال بيانات آلى :ووز آصاط 
اقحال الازراري اقا الا مريم الاخر المدة 

المربع النصي وسوف نناقش كل ما يلي بالتفصيل الممل والوسم الاساسي للكتابة هوی 
<form>‏ 

<صآإمf/>الوسوم‏ الخاصة بالادراج <ہإهf>‏ 

بالخاصية الهامة ]0۲٠١‏ ويرفق الوسم الاساسي 

صفحة انترنت منشان ١٥10ء‏ هوتاخذ «10اعج 


کود 
<form [color="#000080" [action[/color]= "http://www.zerone-‏ 
it.com/resend">‏ 


ماذا نفهم من هاد الكوود : نفهم من وجود حقل للادخال والمعلومات سوف ترسل تلك 
المعلومات الى الصفحة 

WWW.zeroine-1t.com 

خاصية ضرورية جدا و10اعج 


:الخاصية الاختيارية 


methode 
وهي طريقة الارسال الى الصفحة المكتوبة وتاخد احدی قیمتیین‎ 


لارسال البيانات عن طريق عنوان الصفحة )مع : الاولى 
لارسال البيانات داخلیا : post‏ 
ولن نتعمق فيهون 


<form action="http://www.zerone-1t/search" method=" get'"> 
HTML HTML 
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اا 


<form action="http://www.zerone-1t/search" method 
ازا لم تحدد طريقة الارسال فان المتصفح ياأحد القيمة :ملاحظة‎ 
ع٥۲ بشكل تلقاءي‎ 


post"> 


target-self 

target-partent 

target-top 

شرحناهون بدرس الانسة ايم ورح تواصل معكن فيهون 


الكاس 

<input> 

للخل ارات من اا 
هلق بلش لشغل 

pwg<1input type="?>" 


type 
لتحديد كيفية الادخال‎ 


؟='"nassword"-radio"-"‎ 
file" 

ادخال کلمة مرور = W‏ 40م 

,اختيار شيئ واحد من عدة اشياء=ه1له!. 

الازرارمه)اuط.مربع‏ الاختيار المتعدد=>×0طcheck‏ 

حقل نصي‌=ا×ع) 

لتحديد مكان الملف المراد رفعو من جهازك نجدها في مراكز التحميل مثل = ع]ا؟. 
التحمييل في المنتدى 

لادز اج صورة داخل image=‏ 

الاش 


option"-"textarea"-reset"-"submit"-1mage"- 


HTML HTML 
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تحتاچ الى الوس 
انشاء الخيارات و لكتابة اقيم <option>‏ اما 
مu‏ ]اه يحتاج الى الخاصية ١10م‏ موشكلها العام 
<option value="xxxx">xxxx</optlon>‏ 
لتحديد القيم التي سوف ترسل الى الصفحة المحددة 
زیاج الى الرس 
Y gl-<optgroup>‏ 
بستخذم لتق القع الموجرده فى الفاتة اليدداه 
وتاخد الخاصية 
label‏ 
قد 0 ۱ 
ااسم المجموعة وفيها نخير الطستحا ليدخل قيمة ما والتي وف تكون ظاهره في القائمة 
المنسدله 
کود 
</optgroup>‏ --۔-------<"الجامعات السشوري"=labe1l <optgroup‏ 
:كيف تكون القيم على شكل مجمو عات 
لا تقلق اعرف انك تواجه صعوبة في فهمرماسبق لكن سيتوضح كل شيئ في النهاية 
<butt0on>الوسم‏ 
من اجل انشاء زر 
<button>send</button>‏ 
:مثال للتوضيح 
وافهمه ليغنيك عن شرحي السابق 1ط انسخ الكودواخفظه باي اسم ولاحفة 
كود 
<html>‏ 
HTML HTML‏ 
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HTML‏ 


لقد انشانا فورم لادخال خقل باسوورد وحقل كلمة المرور وقائمة منسدلة للاشهر وقائمة 


HTML 


SHADI AND IAM? 


<body> 


<form action=""> 

Username: 

<input type="text" name="user'"> 

<br> 

Password: 

<input type="password" name="password"> 

</form> 

<pz 

<button type=" button">Jفl‎ gan!</button> 

<fleldset> 

Height <input type="text" size="3" /> 

Weight <input type="text" size="3" /> 

</fieldset> 

</p> 

<select 
<option value =" 1>"'ت1‎ ت</option>‎ 
<option value =" jنlسıi'"!>jlwgi</option>‎ 
<option value ="Jıربا">Jيربl</option>‎ 
<option Value ="Jglal "> Jglıl</option> 

</select> 

<pz 

<select 

<optgroup label="jشمnد >"'جامعة‎ 

<option Value ="ةيتln />معلو مائتية>" "ملو‎ option < 

<option Value ="aiدمn">gyندمlل</option>‎ 

</optgroup> 

<optgroup label="ٿعبئلlا <'"'جامعة‎ 

<option value ="پlدا'">olدl</option>‎ 

<option value ="pgle">pgle</option> 

</optgroup> 

</p> 


</body> 
</html> 


HTML 
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منسدلة لکن على شكل مجمو عات‎ 


وانتو فيكن تكتشفو هالخصائص عن طرييق التجربة 
:بعض النمازج 


جربو ها < --------------- type="rad10"‏ 

type="text" 

type="password" 

type="select" 

type="image" --------- < جربوها‎ 

وكل وحدة مما سبق درس بحالا لكن لضيق الوقت ما فينا اناقشهون انشالله من خلال 
الردودوالاستفسارات نوضح هالشي 

لانو الها خواص اختيارية 


لهلوسوم في وسوم اختیار انا ما زکرتا ب جففوه من خلال الردود :ملا حظااااات 
ا ا 


انشالله ما کون الدرس ظوييل واي استفسار انا جاهز 
هالكود مجرد توضييح وانا صممت#هالصفحةانشالله تعجبكن 
في وسوم ما انذكرت أ#هلا نحنا بحاجة الها 


کود 

<ط/>الخط عريض <ط> 
<إ/>الخط مائل <> 
<>marguee/>النص‏ متحركڭ ><ءa1¶uee‏ > 
<legend>la jlgie</legend>‏ 


انتھی eT‏ 
الدرس الثالث سر ....۔ 
TML FRAMES‏ 
هوى عمل عدة اطارات داخل الصفحة الواحدة........ سیتوضح ۴۸۸M ٤S‏ المقصود بها 
هادا الامر 
HTML E‏ 
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س د و ق ق و ی ر ا ا 
وسووم فقط هي 


کود 
<frameset>‏ 
<fram>‏ 
<noframes>‏ 
<ifram>‏ 


وحافظ على الترتيب كما هوى 

<frameset> 

نستخدمو في الصفحة الرئيسية التي تضم الصفحات الاخرى يقسم الصفحة الى اطارات 
0w‏ او امع عامودية او افقية خسب ما نحددلو بالخواص 


ان الوظيفة الاساسية لهاد الوسم هوى تضميين اكتر من صفحة وييب ضمن الصفحة الواح 
أتحديد الاعمدة والخاصية col‏ نستخدم معو الخاصية 


أتحديد عدد الصفوف ]0wW‏ 


:ملاحظة 
افحة الرئيسية اليكووقهمن اطارات لا نستخدم معا الوسم 
<body>‏ 


frameset‏ >حیث ان الوسم 

y<‏ ل0 bا>يقوم‏ مقام 

frameset‏ >خصائص الوسم 

تستخدم لتقسيم الصفحة لاطارات عامودية وقيما تحدد مقاس العامود[مء الخاصية 


کود 
<html>‏ 
<frameset cols = "25%, 25%,*">‏ 


</frameset> 


٥م‏ منحجم الشاشة 
التالت وهو النجمة: سياخدكامل المساحة المتبقية 


HTML HTML 
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<yر0dطb>لاحظ‏ انو اهملناالوسم 


1ه ولها ولها شرح مشابه للخاصية سه الخاصية 


تلاحظو من كل ماسبق ان الصفحة فقط مقسمة الى اطارات لكن كيف نحدد الصفحات 
<frame>‏ 

أتحديد الصفحات الفر عية داخل الطار 

خصائص هاد الوسم 

هامة ولازمة نحدد الصفحة ا سوف تظهر في الاطاار SIC‏ 

قيمتها:اسم الصفحة او رابطها 

کوود 


کود 

<html> 

<frameset cols = "25%, 25%,*"> 
<frame src ="n1.htm" > 
<frame src ="n2.htm" > 
<frame src ="b.htm" /> 


0. 


n1‏ الاطار الارل احتوى على صفحة وييب اسما 

n2‏ الاطار التانى احتوی على صفحة وييب اسما 

ا الاطار التال لتر ا صفحة وييب اسما 

ملاحظات: اغفلنا الوسم 

<body> 

11,2 افترضت انو بالجهاز تلت صفخات وعييب واسمون 

هام جدا:حتى يطبق معك المثال السابق لازم تسمي اسماء صفحات موجودة بجهازك فعلا 
:إخواص اضافبة 

تاخد القيمة ١‏ ازا كان للجدول اطار والقيمة صفر الجدول دوون اطاار إعل0۲طع٥ما؟‏ 
noresize‏ 

وتاخد القيمة 

noresize 

تعطل امكائية تغيير حجم الاطار عنه طرييق السحب 


HTML HTML 


PDF created with pdfFactory Pro trial version www.pdffactory.com 


SHADI AND IAM? الخمه رة العربة السورية‎ 
HTML 


الحاجة لشريط التمرير تلقائيا ويفضل ان ناخد هاااي 


ملاحظة هامة 

ولسا في وسووم كتيرة لن نزكرها 

<noframes> 

في الخقيقة ان هنالك متصفحات لاتدعم الاطارات لذلك لا بد من وجوود عبارة ما تخبر 
الشخص المتصفح بان متصفحك لا يظهر الاطارات و 

لفعل ذلك لا بد عليك ان تراقب 

الخوارزمية التالية 

خيث ستظهر العبارة ولا <اعوعمه]؟>ويتم وضع تلك العبارة داخل الوسم 
ولا تقلق ازا كانه متصفحك يدعم الاطارات فلن تظهر تلك العبارة 
<sىn0frame>ازا‏ استخدمت الوسم 

<رلمطا>صار عليك وجوبا استعمال الوسم 

</body> 

لانو صرت تتعامل مع صفحة وييب عادية ومو مع صفحة وييب دون اطارات 
:مثال 


کود 
<frameset col ="25%,25%,*">‏ 
<body>‏ 


</noframes> 
</body> 


<frame src="n.html"> 
<frame src="n1.html"> 
<frame src ="n2.html"> 
</frameset> 


:شرح هاد الكود واضح فقط لاحظ 

<>n0frames>لانو‏ استعملنا الوسم <رل0طا>استعمال 

فعلا دير بالك حتى يتنفذ معك لازم كوون عبارة عن صفحات وييب موجودة بجهازك -2 
<iframe>‏ 


يسمح باضافة اطار يحوي على صفحة اخرى من موقع اخر وليس من موقعنا بجيبا من 
HTML HTML‏ 
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موقهع تاني وبعرضها 
الخواص اللازمة 

STC 

تحديد رابط الصفحة المراد فت 


ود 

<iframe> 
<srce="http://www.zerone-1t/sarch"> 
</fframe> 


سيتم جلب تلك الصفحة ووضعا في صفحة الوييب الخاصة فبك 
الخواص الاختيارية 

وهي تحازي الصفحة وتاخد عدة قييم متلمع :اج 
left,right,top,m1iddle,bottom‏ 

frameborder=1 

ازاکان اطار 

frameborder=0 

تحدید الارتفاع بالبکسل)طع1عط 

لتحديد العرض طا1dسw‏ 


:ليكن هاد الكود للتوضيح 


عمصهم ملا حظة هامة ٠‏ نستطیع ان نعطي اطار اي صفحة اسما باستخدام الخاصية 
<frame src="n.html" name="asdf'"'>‏ 

م سيعرض الصفحة 

فالاو المحدد ويسمى الاطار 

asdf 


کود 

<htmlÞ<head> 

<title> www.my frames.com</title> 
</head> 

<frameset col="20%,*"> 

<frame src=" 
auto="yes"> 


<frame src="n.html" frameborder="0"> 
HTML HTML 
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n1.html" frameborder="1" noresize="nores1ize" 
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<body> 
>0 هاد المتصفح لا يدعهم الاطار ات<ءع 2گ‎ فسالل>/n0frames>‎ 
</body></frameset<</html> 


ظنعا مکل ما قلا انو ماين الا ازا گان تجهاز ك صفحات اسما 
n,n1‏ 

اي سوال انا جاهز 

سلااام 


الدزس الرابع فر عند مداخلة بالنسبة لموضوع تفعيل ال 


rad10:: 


نحن لما بدنا تكون بس وحدة مفعَلة من بين مجموعة ... مهم هلا المهم هوي الخاصية 
نفس القيمة مرجم منحط للكل خاصية ال ومإلهإ 


: مثال 


کود 

<html> 

</body> 

<input type=radio checked name=f > f1 </input> 
<br> 

<input type=radio checked name=f > f2 </input> 
</body> 

</html> 


بس منلاحظ أنو بس التانية حط أنها مفعّلة عند 4ءء ءطء بالمثال مع أنو التنتين حطينا أنن 
اأتنفبد 


قيمتها مختلفة عن التانية ف فينا نفعل التنتين مع ١٥"۳هم‏ بينما إذا كان كل مين عندو خاصية 
بعص 


٠‏ مثال تاني 
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کود‎ 
<html> 
</body> 
<input type=radio checked name=ff > F </input> 
<br> 
<input type=radio checked name=f > F1 </input> 
<br> 
<input type=radio checked name=f > F2 </input> 
</body> 
</html> 


منلاحظ بالمثال أنو حطينا الكل مفعلات .... بس أثناء التنفيذ منشوف أنو بس الأولى و 
التالتة فذحل 


و منقدر نفعل الأولى مع التالتة أو الأولى مع التانية 
::: من الأخير 


Name 


مسوم يللي إلها نفس ال مله وحدة فقط من بين ال مله بحيث فيني فعل 


: مال خير 
کود 


<html> 

</body> 

gender <br> 

<input type=radio checked name=g value=f > male </input> 
&nbsp;&nbsp;&nbsp; 

<input type=radio checked name=g value=m > female </input> 
<br> 

age : <br> 

<input type=rad1o checked name=a value=m1l > more than 10 
</npub <br> 

<input type=radio checked name=a value=m2 > more than 20 
</npub <br> 
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<input type=radio checked name=a value=m3 > more than 30 
</inpub <br> 

</body> 

</html> 


الخاصية ع هم تشابه اسم متحول ... و القيم پال بياخدها هاد المتحول بتكون محددة 
بقيمة مں اهس بأي نوع من أنواع الاuامہ]‏ 


ذلك لما بيكون عنا أكتر من 10ل هع إلون نفس ال عص هم فهاد الشي بيعني أنو كلون بيمثلو 
قن الک ل کی لے اک ھا هة المکر ل هى ةوزن الا 


لذلك لا يمكن أنو يكون عندي تنتين 10ل هع إلون نفس الاسم و مفعلين سوا لأن ما بيصير 
یکون متحول بیاخود قيمتين بنفس الوقت 


فمتلا بالمتال الأخير .. كان عندي متحول اسمو ع و هاد بياخود إما قيمة ص أو 


و نفس الشي باذ أنسبة للمتحول التاني 


ما بعرف إذا هالفكرة انذكرت أو لأ ... بس راجعت الموضوع و مالقيت هيك شي 
فإذا كانت مذكورة و ما انتبهت فاعذروني لأني عدتها 


الدرس الخامس عشر ::: 
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سوف نتعلم في هاد الدرس كيفية ادراج ملف صوتي وفيديو في صفحات النترنت التي 
صممناها في الفترة الماضية 

ولادراج الصوت سوف نستخدم السمة 

bgsound 

ويمكن باستخدامها وضع خلفية مرافقة لفتح تلك الصفحة 

واما انواع الملفات اصوتية التي ينبغي اضافتها فهي 

ونستطيع ادخال اي ملف صووت يکوون امتدادو 

. Wav 

. aU 

.mid 


وهذا الملف يعمل تلقائيا عند قتع الصفحة 
راد مع لك الس اللا 
SIC‏ 


ا 

<ياسم الملف.امتدادو /مسارالملف الصوت"=عإوء <bgsound‏ 

لنرى تاثير هذه السمة سوف نقووم بالاتي بانشاء ملف 

نحدد الملف الصوتي المراد ادراجه في صفححة الوييب بناء على تللك اللواحق 


ونضعو على سطح المكتب او اي مكان وعلا رح اشرحوو بطريقة تختلف عن الطريقة 
يلي كانت متبعة وهي انو كنا نعمل مجلد 


من حصائص منشووف مسار ١‏ أملف 
sound‏ 
ولاحقتو هييك وبعمل هالكوود هالبسيط للتوضييح 


کود 
<bgsound srec="c:\desktop\asdf.au">‏ 


بشووف اسمو ولا حقتو 
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HTML 


کود 

<html> 

<title> sound</title> 

<body> 

<bgsound src="C:\Documents and Settings\asdf\ طح‎ 
بتکملاNsound.‎ wav "< 

</body></html> 


هلئ مجرد فتح الصفحة راح تترافق بتشغييل الملف 


sound 
خاصية‎ 
loop 


ر ق کر ار او ای 


کود 


<bgsound loop=?> 


أنطبق هاده الخاصية على صفحة الوييب المنشائة سابقا 
هکز ا 


کود 
سط <bgsound src="C:\Documents and Settings\asdf\‏ 
00p=3ا wav‏ .Nsoundالمکتب‏ 


HS 
٣ من قائمة فايل ذ فا ثم د‎ 
"٥فا "نختار‎ 


1١ ٣ 0»‏ ة السابقة 
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وقد يکوون الفيدیو مصحوب بصوت اودون صوت 


يجب انزالها اولا من على صفحة الوييب 

اي عمل داون لوود للملف الذي نريده 

واسهل الطرق لعرض ملفات الفيديو هوى ادراج وصلة تشعبية 

وعند الضغط عليها تؤدي لانزال الفيديو من الجهاز الخاص بنا ولكي ندرج هاده الوصلة 
A‏ 

وتكتب بهاذا الشكل 


کود 


<a href" کفلن.nلıا المبق|اسم الملفزامتداد‎ راسم<v1]dا0>/a<‎ 


قمنا بعمل وصلة تشعبية ثم حددنا اسم الملف وبعدا امتدادو 
وکلمة0عں v1‏ 

وهعند الضغط عليها سووف يتم انزال الفيديو للجهاز الخاص بنا 
الخطوات: 

نقووم بتحديد ملف الفيديو 


ملا حظة: لازم كوون ملفات الفيدييو والصووت موجودة بجهازك انت شخصيل وبتعرف 
اسمها ولاحقتا ومسارها a‏ 

ly ننھ‎ 

الخاتمة 

HTML HTML 
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بكرى بينعطا بالحامعة والكل بيصير خبير فيو ونحنا نتقبل النقد 

والمشاركة حتى لاول درس جهزو حالكوون خخخخ 

بدور براسنا 

EE O E E 
اللصوت الصورة الفيديو‎ 

يعني لمحة بسيطة بس حلوى والواحد بيستفاد منا 

اخری علی فکری 

هاد اقتراح رح ارفعو بموضووع خاص فیو قریبا عن ورشات 

العمل 

E CT 


وخلصنا من 
html‏ 


ونشاله انکو تابعو بووع 
Java screbt‏ 


وکل موضوع وانتو بخیر 


Shadi & I A M? 


ZIT >>> >>> >>> > 
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